<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<link rel="stylesheet" type="text/css" href="../../themes/default/css/Content.css" />
	<link rel="stylesheet" type="text/css" href="../../themes/default/css/Core.css" />
	<link rel="stylesheet" type="text/css" href="../../themes/default/css/Layout.css" />
	<link rel="stylesheet" type="text/css" href="../../themes/default/css/Dock.css" />
	<link rel="stylesheet" type="text/css" href="../../themes/default/css/Window.css" />
	<link rel="stylesheet" type="text/css" href="../../themes/default/css/Tabs.css" />
	<link rel="stylesheet" type="text/css" href="css/calendar.css" />
	<!--[if IE]>
		<script type="text/javascript" src="../../scripts/excanvas_r43.js"></script>
	<![endif]-->
	
    <script type="text/javascript" src="../../scripts/mootools-1.2.4-core-yc.js"></script>
    <script type="text/javascript" src="../../scripts/mootools-1.2.4-more-yc.js"></script>
    <script type="text/javascript" src="../../scripts/mocha.js"></script>
    <script type="text/javascript" src="scripts/calendar.js"></script>
    <script type="text/javascript">
    	function initCal() {
    		myCal1 = new Calendar({ date1: 'Y-m-d' }, { direction: 0, tweak: { x: -100, y: 20 }});;
    	}
    </script>
</head>
<body onload="initCal();">

<form action="example.html" class="long">
	<fieldset>
		<legend>Default styling</legend>
		<label for="date1">Date: </label>
		<input class="calendar input"  id="date1" name="date1" type="text" />
	</fieldset>
</form>

</body>
</html>